<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../css/mui.min.css" rel="stylesheet" />
		<style type="text/css">
			textarea {
			    position: absolute;
			    top: 0;
			    bottom: 0;
			    left: 0;
			    right: 0;
			    width: 100%;
			    height: 100%;
			    resize: none;
			    border: none;
			    overflow: hidden;
			    line-height: inherit;
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-transparent">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		</header>
		<div class="mui-content mui-scroll-wrapper" id="form1">
			<div class="mui-scroll">
				<textarea id="txtContent" v-html="item.showapi_res_body.text" readonly="readonly" style="min-height: 300px; bottom: 0px;"></textarea>
			</div>
		</div>
		<script src="../js/mui.min.js"></script>
		<script type="text/javascript" src="../js/vue.min.js" ></script>
		<script type="text/javascript">
			mui.init({
				swipeBack: true //启用右滑关闭功能
			});
			var vue = new Vue({
				el: '#form1',
				data:{
					item:{
					  "showapi_res_error": "",
					  "showapi_res_id": "a868bb2005234d61addac0f5948a9078",
					  "showapi_res_code": 0,
					  "showapi_res_body": {
					    "ret_code": 0,
					    "currentPage": "1",
					    "allPages": 1,
					    "text": "&nbsp;&nbsp;&nbsp; 阴间为了改变这死气沉沉的气氛，由阎王爷带头开展了一系列丰富多彩的活动。其中最引鬼注目的一项就是抽奖游戏。这个游戏的赞助商是阎王爷，游戏规则设定者是黑白无常，赞助商来头大，游戏自然档次高。但是众鬼们关注的并不是这游戏的档次，而是赞助商提供的奖品。\r\n&nbsp;&nbsp;&nbsp; 这奖项里的头彩是富贵轮回，就是投胎成为大富大贵之人。\r\n&nbsp;&nbsp;&nbsp; 制定规则的黑白无常果然对得起自己的名字，游戏规则设定得很是无常。\r\n&nbsp;&nbsp;&nbsp; 抽奖的鬼只有三支签可选：这里面有一支空签，一支再来一次，一支富贵轮回。\r\n&nbsp;&nbsp;&nbsp; 抽奖的代价是地狱油锅里炸一天一夜。三分之一的转世机会摆在眼前，多少个鬼前赴后继地往油锅里跳，哪怕是把自己炸得痛不欲生。然而一晃儿上百个鬼抽完奖，只有两个抽到了富贵轮回其余的全是空签，没有鬼抽到再来一次。\r\n&nbsp;&nbsp;&nbsp; 一个水鬼琢磨，要是第一次抽到再来一次，抽到富贵轮回的机会就变成了二分之一，但是明显黑白无常为了提高淘汰率，根本就没有加入再来一次这支签。多次跟踪打探后，它发现果然如此，据说还是阎王爷的主意。\r\n&nbsp;&nbsp;&nbsp; 它想到一条妙计：打通关系从制签鬼手中买来一支写着再来一次的签。到时候要是抽到空签就偷偷换成再来一次，当着众鬼的面，黑白无常肯定不能揭发它用伪签，否则三支签中根本没有再来一次的事就会败露，制定规则者违背规则是会引发众怒的。\r\n&nbsp;&nbsp;&nbsp; 油锅里炸过一天一夜，水鬼颤颤巍巍地走上抽奖台，抽出一支签，神不知鬼不觉地换成了事先准备好的签，它哆哆嗦嗦地将签举过头顶出示给众鬼。台下一片哗然，都说这鬼小子运气挺好，还有二分之一的机会。\r\n&nbsp;&nbsp;&nbsp; 嘶黑白无常脸上闪过异样的神情。\r\n&nbsp;&nbsp;&nbsp; 水鬼豁出去了，心想：它们要是敢不履行再来一次的诺言，就当众揭发它们破坏游戏规则。\r\n&nbsp;&nbsp;&nbsp; 这个是不是太残忍了，阎王爷不是都批评咱俩了吗？黑无常瞅了一眼白无常。\r\n&nbsp;&nbsp;&nbsp; 白无常苍白如纸的脸对着水鬼，红舌头抖动起来说：还不是它自找的。\r\n&nbsp;&nbsp;&nbsp; 黑无常叹了口气，站起来大声宣布道：水鬼，再来一次！\r\n&nbsp;&nbsp;&nbsp; 啊！尖叫声中，水鬼再次被扔进了油锅，又炸了一天一夜。               &nbsp;&nbsp;&nbsp;&nbsp;"
					  }
					}
				}
			});
			mui.plusReady(function(){
				console.log("scrollHeight="+document.body.scrollHeight);
				var txtContent = document.getElementById("txtContent");
				txtContent.style.height = document.body.scrollHeight + "px";
				
				var self = plus.webview.currentWebview();
				var link = self.link || "";
				
				plus.nativeUI.showWaiting("加载数据,请稍候...");
				var timestamp = Date.parse(new Date());
				var ajaxUrl = "https://route.showapi.com/955-2?showapi_appid=77261&showapi_sign=450ae1ece6114486936306d25890b033&page=1&id="+link+"&showapi_timestamp="+timestamp+"";
				console.log(ajaxUrl);
				mui.ajax(ajaxUrl,{
					data:{},
					dataType:'json',//服务器返回json格式数据
					type:'get',//HTTP请求类型
					timeout:30000,//超时时间设置为10秒；
					headers:{'Content-Type':'application/json'},	              
					success:function(result){
						plus.nativeUI.closeWaiting();
						//服务器返回响应，根据响应结果，分析是否登录成功；
						console.log(JSON.stringify(result));
						vue.item = result;
					},
					error:function(xhr,type,errorThrown){
						plus.nativeUI.closeWaiting();
						//异常处理；
						plus.nativeUI.alert("数据加载异常："+type);
					}
				});
			});
		</script>
	</body>

</html>